<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/register1.css">

</head>

<body>
    <header>

        <div class="nav container">
            <div class="logo fl">
                <img src="images/webp.webp"id="logo">
            </div>
        </div>
    </header>



    <main>
        <div class="top">
            <h3 style="margin-left: 96px;">设置用户名</h3>
            <h3 style=" border-bottom:2px solid #ff8a00;color:#ff8a00">填写账号信息</h3>
            <h3>注册成功</h3>
        </div>
        <div class="forms">
            <span>真实姓名:</span><input class="inputs" id="name"type="text" placeholder="请输入您的真实姓名"><br>
            <span>　用户名:</span><input class="inputs" id="username"type="text" placeholder="请输入您的用户名"><span id="unamemsg"></span><br> 
            <span>　　密码:</span><input class="inputs" id="pwd"type="password" placeholder="请输入密码"><span id="pwdmsg"></span><br>  
            <span>确认密码:</span><input class="inputs" id="pwds"type="password" placeholder="请再次确认密码"><span id="pwdmsgs"></span><br>  
            <span>密码强度:</span><img src="images/okkk_03.jpg"><br>
            <span>　　邮箱:</span><input class="email" type="text" placeholder="请输入您的邮箱"><p style="display:inline-block;">@</p><select style="border:0;
            border:1px solid black;width: 92px;
            height: 30px;">
                <option>163.com</option>
                <option>qq.com</option>

            </select><br>
            <span>手机号码:</span><input type="text" placeholder="请输入您的手机号码" class="tel"><br>
            <span>　验证码:</span><input type="text" placeholder="请输入验证码" class="verifys"><button type="button" class="verify">获取验证码</button><br>
            <a href="register2.html">提交注册</a>
        </div>
    </main>





    <footer>
        <div class="sponsor">
            <div class="sponsorbox container">
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spanor1.jpg">
                    <h3>正品保障</h3>
                    <p>正品行货 放心选购</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor2.jpg">
                    <h3>满86包邮</h3>
                    <p>满86元 免运费</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor3.jpg">
                    <h3>售后无忧</h3>
                    <p>7天无理由退货</p>
                </div>
                <div class="sponsors">
                    <img src="images/spansor4.jpg">
                    <h3>准时送达</h3>
                    <p>收货时间由你做主</p>
                </div>
            </div>
            <div class="container">
                <div class="help">
                    <h3>新手入门</h3>
                    <p>购物流程</p>
                    <p>会员制度</p>
                    <p>订单查询</p>
                    <p>服务协议及隐私说明</p>
                    <p>网站地图</p>
                </div>
                <div class="help">
                    <h3>支付方式</h3>
                    <p>货到付款</p>
                    <p>网上支付</p>
                    <p>礼品卡支付 </p>
                    <p>其他支付</p>
                </div>
                <div class="help">
                    <h3>配送服务</h3>
                    <p>配送进度查询</p>
                    <p>商品验货与签收</p>
                </div>
                <div class="help">
                    <h3>相关规则</h3>
                    <p>平台规则</p>
                    <p>退换货政策</p>
                    <p>发票制度</p>
                    <p>帮助中心</p>
                </div>
                <div class="dimension">
                    <h3>App更加优惠</h3>
                    <img src="images/qryhd.png">
                </div>
                <div class="dimension">
                    <h3>加微信查订单</h3>
                    <img src="images/qryhd.png">
                </div>
            </div>
        </div>
        <div class="footrs container">
            <p>
                沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX
            </p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="fimg">
                <img src="images/foot1.jpg">
                <img src="images/foot2.jpg">
                <img src="images/foot3.png">
                <img src="images/foot4.jpg">
                <img src="images/foot5.png">
                <img src="images/foot6.jpg">
            </div>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="js/register.js"></script>
    
</body>

</html>